<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="js/index.js"></script>
    <title>Title</title>
</head>
<body>
    <div class="container">
      <div class="top">
          <div class="return_arrow"></div>
          <div class="contents">消息(99+)</div>
          <div class="plus_sign">＋</div>
          <div class="number number_red"></div>
      </div>
      <div class="main">
          <div class="mains">
              <div class="left">
                  <div class="icon main_left_icon_01"></div>
                  <div class="number number_01">89</div>
              </div>
              <div class="center">
                  <div class="main_title"><h4>优惠促销</h4><span>昨天</span></div>
                  <div class="main_content">112减100神劵持续抢，千款好物加榜，...</div>
              </div>
              <div class="main_delete">删除</div>
          </div>
          <div class="mains" >
              <div class="left">
                  <div class="icon main_left_icon_02"></div>
                  <div class="number number_02">39</div>
              </div>
              <div class="center">
                  <div class="main_title"><h4>账户通知</h4><span>昨天</span></div>
                  <div class="main_content">您有1张优惠券到账，优惠总额10元，今...</div>
              </div>
              <div class="main_delete">删除</div>
          </div>
          <div class="mains">
              <div class="left">
                  <div class="icon main_left_icon_03"></div>
                  <div class="number number_03">6</div>
              </div>
              <div class="center">
                  <div class="main_title"><h4>服务通知</h4><span>昨天</span></div>
                  <div class="main_content">您购物车中的【三星（SAMSUNG）128... </div>
              </div>
              <div class="main_delete">删除</div>
          </div>
          <div class="mains">
              <div class="left">
                  <div class="icon main_left_icon_04"></div>
                  <div class="number number_04"></div>
              </div>
              <div class="center">
                  <div class="main_title"><h4>店铺头条</h4><span>星期日</span></div>
                  <div class="main_content">冲鸭~最后2小时下单再减20！！！</div>
              </div>
              <div class="main_delete">删除</div>
          </div>
          <div class="mains">
              <div class="left">
                  <div class="icon main_left_icon_05"></div>
                  <div class="number number_05"></div>
              </div>
              <div class="center">
                  <div class="main_title"><h4>PLUS会员</h4><span>星期六</span></div>
                  <div class="main_content">11.11要剁手？先【免费领】30天PLUS...</div>
              </div>
              <div class="main_delete">删除</div>
          </div>
          <div class="mains">
              <div class="left">
                  <div class="icon main_left_icon_06"></div>
                  <div class="number number_06"></div>
              </div>
              <div class="center center_06">
                  <div class="main_title"><h4>京东头条</h4><span>2018/11/02</span></div>
                  <div class="main_content">3期全品类免息券等你来拿！还可连领11...</div>
              </div>
              <div class="main_delete">删除</div>
          </div>

      </div>
    </div>
</body>
</html>